<div id="root" style="padding: 50px"></div>

<!-- React -->
<script src="https://unpkg.com/react@18/umd/react.development.js"></script>
<!--
  <script src="https://unpkg.com/react@16/umd/react.development.js"></script>
  <script src="https://unpkg.com/react@15/dist/react.js"></script>
-->

<!-- HTMLReactParser -->
<script src="../../dist/html-react-parser.js"></script>

<!-- ReactDOM -->
<script src="https://unpkg.com/react-dom@18/umd/react-dom.development.js"></script>
<!--
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
  <script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
-->

<script>
  ReactDOM.createRoot(document.getElementById('root')).render(
    HTMLReactParser(
      '<h2 style="font-family: \'Lucida Grande\', sans-serif;">' +
        'HTMLReactParser loaded with script tag' +
        '<\/h2>'
    )
  );
</script>
